<template>
    <div class="main-box">
        <el-input v-model="a"/>
        {{ a }}
        <el-popover  trigger="click" :width="300">
            <template #reference>
                <el-button style="margin-right: 16px">Click to activate</el-button>
            </template>
            <div style="height: 200px;">
                11122erewrwe
                <el-select v-model="tag" placeholder="" :popper-append-to-body="false" >
                  <el-option label="a" value="1"></el-option>
                  <el-option label="b" value="2"></el-option>
                  <el-option label="c" value="3"></el-option>
                </el-select>
            </div>
        </el-popover>

    </div>
</template>

<script setup>
import { ref, reactive } from 'vue'
let tag = ref('')
let visible = ref(true)

let a = ref('a')

</script>

<style lang="scss"></style>
